<template>
    <div class="technicalSupport">
        <div style="text-align: center;color: red;margin-top: 10px;margin-bottom: 10px;">目前该区域暂时不提供下载</div>
        <el-row style="margin-top: 50px;">
            <el-col
                :span="18"
                :offset="3"
            >
                <el-row
                    :gutter="10"
                    style="margin-top: 50px;"
                >
                    <el-col :span="8">
                        <el-card>
                            <div slot="header">
                                <span>补丁信息</span>
                            </div>
                            <ul>
                                <li v-for="item in patcheUpdate">
                                    <el-link type="primary">{{item.name}}</el-link>
                                    <label style="float:right">{{item.date}}</label>
                                </li>
                            </ul>
                        </el-card>
                    </el-col>
                    <el-col :span="8">
                        <el-card>
                            <div slot="header"><span>免费软件试用</span></div>
                            <ul>
                                <li v-for="item in freeSoftware">
                                    <el-link type="primary">{{item.name}}</el-link>
                                    <label style="float:right">{{item.date}}</label>
                                </li>
                            </ul>
                        </el-card>

                    </el-col>
                    <el-col :span="8">
                        <el-card>
                            <div slot="header">
                                <span>操作指南下载</span>
                            </div>
                            <ul>
                                <li v-for="item in operationGuide">
                                    <el-link type="primary">{{item.name}}</el-link>
                                    <label style="float:right">{{item.date}}</label>
                                </li>
                            </ul>
                        </el-card>
                    </el-col>
                </el-row>
                <el-row
                    :gutter="10"
                    style="margin-top: 50px;"
                >
                    <el-col :span="8">
                        <el-card>
                            <div slot="header">
                                <span>产品彩页下载</span>
                            </div>
                            <ul>
                                <li v-for="item in productColorpage">
                                    <el-link type="primary">{{item.name}}</el-link>
                                    <label style="float:right">{{item.date}}</label>
                                </li>
                            </ul>
                        </el-card>
                    </el-col>
                    <el-col :span="8">
                        <el-card>
                            <div slot="header">
                                <span>软件演示视频</span>
                            </div>
                            <ul>
                                <li v-for="item in softwareDemo">
                                    <el-link type="primary">{{item.name}}</el-link>
                                    <label style="float:right">{{item.date}}</label>
                                </li>
                            </ul>
                        </el-card>
                    </el-col>
                </el-row>
            </el-col>
        </el-row>
    </div>
</template>

<script>
export default {
    data() {
        return {
            patcheUpdate: [
                {
                    model: "补丁更新",
                    name: "城市地质信息系统补丁",
                    content: "",
                    date: "2020-05-26"
                },
                {
                    model: "补丁更新",
                    name: "城市地质信息系统补丁",
                    content: "",
                    date: "2020-03-22"
                },
                {
                    model: "补丁更新",
                    name: "城市地质信息系统补丁",
                    content: "",
                    date: "2019-09-09"
                },
                {
                    model: "补丁更新",
                    name: "城市地质信息系统补丁",
                    content: "",
                    date: "2016-09-22"
                }
            ],
            freeSoftware: [
                {
                    model: "免费软件试用",
                    name: "城市地质信息系统",
                    content: "",
                    date: "2020-05-26"
                },
                {
                    model: "免费软件试用",
                    name: "矿山地质信息系统",
                    content: "",
                    date: "2020-03-22"
                },
                {
                    model: "免费软件试用",
                    name: "管线地质信息系统",
                    content: "",
                    date: "2019-09-09"
                },
                {
                    model: "免费软件试用",
                    name: "油气地质信息系统",
                    content: "",
                    date: "2016-09-22"
                },
                {
                    model: "免费软件试用",
                    name: "工程地质信息系统",
                    content: "",
                    date: "2016-09-22"
                },
                {
                    model: "免费软件试用",
                    name: "灾害地质信息系统",
                    content: "",
                    date: "2016-09-22"
                }
            ],
            operationGuide: [
                {
                    model: "操作指南下载",
                    name: "城市地质信息系统操作指南",
                    content: "",
                    date: "2020-05-26"
                },
                {
                    model: "操作指南下载",
                    name: "矿山地质信息系统操作指南",
                    content: "",
                    date: "2020-03-22"
                },
                {
                    model: "操作指南下载",
                    name: "管线地质信息系统操作指南",
                    content: "",
                    date: "2019-09-09"
                },
                {
                    model: "操作指南下载",
                    name: "油气地质信息系统操作指南",
                    content: "",
                    date: "2016-09-22"
                },
                {
                    model: "操作指南下载",
                    name: "工程地质信息系统操作指南",
                    content: "",
                    date: "2016-09-22"
                },
                {
                    model: "操作指南下载",
                    name: "灾害地质信息系统操作指南",
                    content: "",
                    date: "2016-09-22"
                }
            ],
            productColorpage: [
                {
                    model: "产品彩页下载",
                    name: "坤迪科技彩页下载",
                    content: "",
                    date: "2020-04-21"
                },
                {
                    model: "产品彩页下载",
                    name: "矿山三维地下监管系统下载",
                    content: "",
                    date: "2020-04-21"
                }
            ],
            softwareDemo: [
                {
                    model: "软件演示视频",
                    name: "01 地矿工作信息化解决方案",
                    content: "",
                    date: "2020-04-21"
                },
                {
                    model: "软件演示视频",
                    name: "02 矿山三维地下监管系统",
                    content: "",
                    date: "2020-04-21"
                },
                {
                    model: "软件演示视频",
                    name: "03 矿山地质信息系统",
                    content: "",
                    date: "2020-04-21"
                },
                {
                    model: "软件演示视频",
                    name: "04 城市地质信息系统",
                    content: "",
                    date: "2020-04-21"
                },
                {
                    model: "软件演示视频",
                    name: "05 工程地质信息系统",
                    content: "",
                    date: "2020-04-21"
                },
                {
                    model: "软件演示视频",
                    name: "06 油气地质信息系统",
                    content: "",
                    date: "2020-04-21"
                },
                {
                    model: "软件演示视频",
                    name: "07 城市管线信息系统",
                    content: "",
                    date: "2020-04-21"
                }
            ]
        };
    }
};
</script>

<style>
</style>